
<template>
  <div class="loading" v-show="load">
    <img :src="loadingImg">
  </div>
</template>
<script>
export default {
  // 显示加载的页面
  name: 'loading',
  data () {
    return {
      loadingImg: require('@/assets/images/loading.gif')
    }
  },
  props: {
    loadingWord: String,
    load: Boolean
  }
}
</script>
<style  lang="stylus" scoped>
.loading
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    color: #fff;
    img
      width:100px;
      height: 100px;
</style>
